<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/trade.css">
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!--导航-->
<div id="allheader" class="container-full allheader-index">
    <div class="header-mark"></div>
    <div class="header-mark-bot"></div>
    <div class="container-full header clearfix">
        <div class="container-full top header-nav">
            <div class="container padding-right-clear">
                <div class="col-xs-12 padding-right-clear">
                    <div class="navbar">
                        <div class="nav-header navbar-default">
                            <a href="#" class="navbar-brand">
                                <img src="../image/logo.png" alt="玉葡萄">
                            </a>
                        </div>
                        <div class="collapse navbar-collapse navbar-right">
                            <ul class="nav navbar-nav">
                                <li><a href="../index.html">首页
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li class="active"><a href="">交易中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../financial/index.html">财务中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">行情中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../activityNew/machineStatus.html">活动中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../user/userhome.html">个人中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                            </ul>
                            <div class="login clearfix">
                                <div class="log-mark"></div>
                                <div class="log-con">
                                    <a href="login.html" class="log-item">登录</a>
                                    <span class="log-item">|</span>
                                    <a href="register.html" class="log-item">注册</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--滚动信息栏-->
<div class="container-full notice">
    <div class="container text-center">
        <marquee direction="up" height="30" scrollamount="1" scrolldelay="50">
            <ul>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>网银在线支付各银行限额表</span>
                        </a>
                    </p>

                </li>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>
                        关于域名转出和人民币提现的最新...
                        </span>
                        </a>
                    </p>

                </li>
            </ul>
        </marquee>
    </div>
</div>
<!--内容-->
<div class="container-full padding-top-40">
    <div class="container">
        <!--左侧列表导航-->
        <div class="col-xs-2 list" style="height: 1743px;">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel" style="border: none;">
                    <div class="panel-heading panelhead" role="tab" id="headingOne">
                        <span class="panel-title listtitle top">
                            <a role="button" data-toggle="collapse" href="#collapseOne"
                               aria-controls="collapseOne"><i class="lefticon"
                                                              style="background: url(../image/com.png) no-repeat;"></i>四声母COM交易</a>
                        </span>
                    </div>
                    <div class="panel-collapse collapse" role="tabpanel" id="collapseOne"
                         aria-labelledby="headingOne">
                        <div class="panel-body" style="padding:0;">
                            <ul class="list-group lists">
                                <li class="list-group-item"><a href="coin.html">买入/卖出</a></li>
                                <li class="list-group-item"><a href="entrust.html">委托管理</a></li>
                                <li class="list-group-item"><a href="traderecord.html">交易记录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel" style="border: none;">
                    <div class="panel-heading panelhead" role="tab" id="headingTwo">
                        <span class="panel-title listtitle top">
                            <a class="collapsed" role="button" data-toggle="collapse"
                               href="#collapseTwo" aria-expanded="false" aria-controls="aollapseTwo"><i
                                    style="background: url(../image/sixszcom.png) no-repeat"></i>六数字COM交易</a>
                        </span>
                    </div>
                    <div class="panel-collapse collapse in" id="collapseTwo" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body" style="padding:0;">
                            <ul class="list-group lists">
                                <li class="list-group-item active"><a href="">买入/卖出</a></li>
                                <li class="list-group-item"><a href="entrust1.html">委托管理</a></li>
                                <li class="list-group-item"><a href="traderecord1.html">交易记录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel" style="border: none;">
                    <div class="panel-heading panelhead" role="tab" id="headingThree">
                        <span class="panel-title listtitle top">
                            <a class="collapsed" role="button" data-toggle="collapse"
                               href="#collapseThree" aria-expanded="false" aria-controls="aollapseThree"><i
                                    style="background: url(../image/commplist.png) no-repeat 0 -1100px;"></i>杠杆额度</a>
                        </span>
                    </div>
                    <div class="panel-collapse collapse" id="collapseThree" role="tabpanel"
                         aria-labelledby="headingThree">
                        <div class="panel-body" style="padding:0;">
                            <ul class="list-group lists">
                                <li class="list-group-item"><a href="../financial/leverquota.html">杠杆额度申请</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--右侧内容-->
        <div class="col-xs-10 padding-right-clear right-height">
            <div class="col-xs-12 padding-right-clear padding-left-clear right-area tradedo" style="height: 1743px;">
                <div class="col-xs-12 rightarea-con padding-left-clear padding-right-clear">
                    <div class="market-left">
                        <div class="market-start" style="height: 604px;"></div>
                    </div>
                    <div class="col-xs-12">
                        &nbsp;<hr>
                    </div>
                    <div class="col-xs-8">
                        <div class="max-width trade-buysell">
                            <div class="max-width trade-amount clearfix">
                                <span class="col-xs-6">
                                    <span>可用</span>
                                    <span class="redtips font-size-18">0</span>
                                    <span class="redtips">.0000</span>
                                    <span class="redtips">CNY</span>
                                </span>
                            </div>
                            <div class="max-width clearfix">
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <label for="tradebuyprice" class="trade-inputtips">买入价CNY/六数字COM</label>
                                        <input type="text" class="form-control" value="6198.9900" id="tradebuyprice">
                                    </div>
                                    <div class="form-group">
                                    <span class="form-control trade-tips padding-right-clear">
                                        <span class="col-xs-12 buysellbar" id="buyBar">
                                            <div class="buysellbar-box">
                                                <div class="slider" id="buyslider" data-role="slider"
                                                     data-param-market="marker" data-param-complete="complete"
                                                     data-param-type="0">
                                                    <div class="complete" style="width: 2px;"></div>
                                                </div>
                                                <div class="slider-points">
                                                    <div class="proportioncircle proportion0" data-points="0"></div>
                                                    <div class="proportioncircle proportion1" data-points="25"></div>
                                                    <div class="proportioncircle proportion2" data-points="50"></div>
                                                    <div class="proportioncircle proportion3" data-points="75"></div>
                                                    <div class="proportioncircle proportion4" data-points="100"></div>
                                                </div>
                                                <div class="marker" style="left: 0;">
                                                    <div class="circle"></div>
                                                </div>
                                            </div>
                                        </span>
                                    </span>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <label for="tradebuyamount" class="trade-inputtips">买入量六数字COM</label>
                                        <input type="text" class="form-control" value id="tradebuyamount">
                                    </div>
                                    <div class="form-group">
                                        <span class="form-control trade-tips">
                                            <span class="col-xs-5 text-left padding-right-clear">交易额</span>
                                            <span class="col-xs-7 padding-right-clear">
                                                <span>0</span>CNY
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <span class="text-danger trade-error"></span>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group" style="font-size: 10px;color: #7d7d7d;">当前买单费率0.0%</div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <button class="btn btn-danger btn-clock" style="height: 31px;width: 100%;">
                                            买入六数字COM
                                        </button>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <a href="" class="text-danger">
                                            立即充值<i class="arrow-icon-small red"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="max-width trade-buysell">
                            <div class="max-width trade-amount clearfix">
                                <span class="col-xs-6">
                                    <span>可用</span>
                                    <span class="greentips font-size-18">0</span>
                                    <span class="greentips">.0000</span>
                                    <span class="greentips">六数字COM</span>
                                </span>
                            </div>
                            <div class="max-width clearfix">
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <label for="tradesellprice" class="trade-inputtips">卖出价CNY/六数字COM</label>
                                        <input type="text" class="form-control" value="6130.9900" id="tradesellprice">
                                    </div>
                                    <div class="form-group">
                                    <span class="form-control trade-tips padding-right-clear">
                                        <span class="col-xs-12 buysellbar">
                                            <div class="buysellbar-box">
                                                <div class="slider" data-role="slider" id="sellslider"
                                                     data-param-market="marker" data-param-complete="complete"
                                                     data-param-type="0">
                                                    <div class="complete" style="width: 2px;"></div>
                                                </div>
                                                <div class="slider-points">
                                                    <div class="proportioncircle proportion0" data-points="0"></div>
                                                    <div class="proportioncircle proportion1" data-points="25"></div>
                                                    <div class="proportioncircle proportion2" data-points="50"></div>
                                                    <div class="proportioncircle proportion3" data-points="75"></div>
                                                    <div class="proportioncircle proportion4" data-points="100"></div>
                                                </div>
                                                <div class="marker" style="left: 0;">
                                                    <div class="circle"></div>
                                                </div>
                                            </div>
                                        </span>
                                    </span>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <label for="tradesellamount" class="trade-inputtips">卖出量六数字COM</label>
                                        <input type="text" class="form-control" value id="tradesellamount">
                                    </div>
                                    <div class="form-group">
                                        <span class="form-control trade-tips">
                                            <span class="col-xs-5 text-left padding-right-clear">交易额</span>
                                            <span class="col-xs-7 padding-right-clear">
                                                <span>0</span>CNY
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <span class="text-danger trade-error"></span>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group" style="font-size: 10px;color: #7d7d7d;">当前卖单费率0.0%</div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <button class="btn btn-success btn-clock" style="height: 31px;width: 100%;">
                                            卖出六数字COM
                                        </button>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <a href="" class="text-success">
                                            立即充值<i class="arrow-icon-small green"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="trade-depth">
                            最新价
                            <span class="greentips">
                            <span id="lastprice">￥6146.7300</span>
                            <span class="arrow-icon-big red"></span>
                            </span>
                        </div>
                        <ul class="list-group first-child" id="sellbox">
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 greentips padding-clear">卖5</span>
                                <span class="col-xs-5 text-right padding-clear">6245.0000</span>
                                <span class="col-xs-5 greentips text-right padding-clear">0.2000</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 greentips padding-clear">卖4</span>
                                <span class="col-xs-5 text-right padding-clear">6220.0000</span>
                                <span class="col-xs-5 greentips text-right padding-clear">0.1500</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 greentips padding-clear">卖3</span>
                                <span class="col-xs-5 text-right padding-clear">6200.0000</span>
                                <span class="col-xs-5 greentips text-right padding-clear">0.4700</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 greentips padding-clear">卖2</span>
                                <span class="col-xs-5 text-right padding-clear">6198.9900</span>
                                <span class="col-xs-5 greentips text-right padding-clear">0.8006</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 greentips padding-clear">卖1</span>
                                <span class="col-xs-5 text-right padding-clear">6198.0000</span>
                                <span class="col-xs-5 greentips text-right padding-clear">0.1000</span>
                            </li>
                        </ul>
                        <ul class="list-group first-child" id="buybox">
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 redtips padding-clear">买1</span>
                                <span class="col-xs-5 text-right padding-clear">6130.0000</span>
                                <span class="col-xs-5 redtips text-right padding-clear">1.13000</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 redtips padding-clear">买2</span>
                                <span class="col-xs-5 text-right padding-clear">6121.0200</span>
                                <span class="col-xs-5 redtips text-right padding-clear">2.2200</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 redtips padding-clear">买3</span>
                                <span class="col-xs-5 text-right padding-clear">6121.0000</span>
                                <span class="col-xs-5 redtips text-right padding-clear">0.0100</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 redtips padding-clear">买4</span>
                                <span class="col-xs-5 text-right padding-clear">6120.0100</span>
                                <span class="col-xs-5 redtips text-right padding-clear">1.0426</span>
                            </li>
                            <li class="list-group-item clearfix buysellmap">
                                <span class="col-xs-2 redtips padding-clear">买5</span>
                                <span class="col-xs-5 text-right padding-clear">6120.0000</span>
                                <span class="col-xs-5 redtips text-right padding-clear">0.2187</span>
                            </li>
                        </ul>
                        <span class="trade-depth">最新成交</span>
                        <ul class="list-group">
                            <li class="list-group-item clearfix">
                                <span class="col-xs-2 redips padding-clear">15:51:39</span>
                                <span class="col-xs-5 text-right padding-clear">6189.7200</span>
                                <span class="col-xs-5 redtips text-right padding-clear">0.0100</span>
                            </li>
                            <li class="list-group-item clearfix">
                                <span class="col-xs-2 redtips padding-clear">15:50:15</span>
                                <span class="col-xs-5 text-right padding-clear">6166.4000</span>
                                <span class="col-xs-5 redtips text-right padding-clear">0.0100</span>
                            </li>
                            <li class="list-group-item clearfix">
                                <span class="col-xs-2 redtips padding-clear">15:50:15</span>
                                <span class="col-xs-5 text-right padding-clear">6166.4000</span>
                                <span class="col-xs-5 redtips text-right padding-clear">0.0100</span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-12">
                        <div class="col-xs-12 padding-clear padding-top-30">
                            <div class="panel border">
                                <div class="panel-heading" role="tab" id="headOne">
                                    <h5 class="panel-title" style="font-size: 12px;">
                                        <span class="text-danger">当前委托</span>
                                        <a role="button" class="pull-right recordtitle" data-toggle="collapse"
                                           aria-expanded="true" href="#collapseYi" aria-controls="collapseOne">收起
                                            -</a>
                                    </h5>
                                </div>
                                <div id="collapseYi" class="panel-collapse collapse in" role="tabpanel"
                                     aria-labelledby="headOne">
                                    <div class="panel-body" id="recorgbody" style="height: 198px;">
                                        <table class="table">
                                            <tbody>
                                            <tr>
                                                <td>委托时间</td>
                                                <td>类型</td>
                                                <td>来源</td>
                                                <td>委托价格</td>
                                                <td>委托数</td>
                                                <td>平均成交价</td>
                                                <td>成交数量</td>
                                                <td>成交金额</td>
                                                <td>手续费</td>
                                                <td>状态</td>
                                                <td>操作</td>
                                            </tr>
                                            <tr>
                                                <td align="center" colspan="10">
                                                    <span>暂无委托</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="col-xs-12 padding-clear padding-top-30">
                            <div class="panel border">
                                <div class="panel-heading" role="tab" id="headTwo">
                                    <h5 class="panel-title" style="font-size: 12px;">
                                        <span class="text-danger">历史委托</span>
                                        <a role="button" class="pull-right recordtitle" data-toggle="collapse"
                                           aria-expanded="true" href="#collapseEr" aria-controls="collapseOne">收起
                                            -</a>
                                    </h5>
                                </div>
                                <div id="collapseEr" class="panel-collapse collapse" role="tabpanel"
                                     aria-labelledby="headOne">
                                    <div class="panel-body" id="recorgbody1">
                                        <table class="table">
                                            <tbody>
                                            <tr>
                                                <td>委托时间</td>
                                                <td>类型</td>
                                                <td>来源</td>
                                                <td>委托价格</td>
                                                <td>委托数</td>
                                                <td>平均成交价</td>
                                                <td>成交数量</td>
                                                <td>成交金额</td>
                                                <td>手续费</td>
                                                <td>状态</td>
                                                <td>操作</td>
                                            </tr>
                                            <tr>
                                                <td align="center" colspan="10">
                                                    <span>暂无委托</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--添加账号-->
<div class="modal fade" id="addCionAddress" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-mark"></div>
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"></button>
            </div>
            <div class="modal-body form-horizontal"></div>
        </div>
    </div>
</div>
<!--页脚-->
<div id="allfooter" class="container-full footer" style="position: static;">
    <div class="container footer-top">
        <div class="row col-xs-12 text-center">
            <div class="footer-left-top">
                <a href="" target="_blank">关于我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">使用帮助</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">联系我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">在线问答</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">飞率说明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">法律声明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">商务合作</a>
                <span class="plist max">|</span>
            </div>
            <div class="footer-left-con">
                    <span class="plist">
                        <a href="" target="_blank">友情链接</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">火币网</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">域名城</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">阿里云</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">易名中国</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">金色财经</a>
                    </span>
            </div>
            <div class="footer-left-bot">
                <div class="footer-bot">
                        <span>
                            ©2017&nbsp;
                            玉葡萄&nbsp;
                            YPT.COM&nbsp;
                            京ICP备17037802号
                        </span>
                </div>
            </div>

        </div>
    </div>
</div>
<!--帮助按钮-->
<div class="help">
    <ul class="help_list">
        <li>
            <a href="#" target="_blank">
                <span>在线问答</span>
                <i class="fix_help"></i>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <span>在线客服</span>
                <i class="use_help"></i>
            </a>
        </li>
        <li>
            <span>400-772-5979</span>
            <i class="tel_help"></i>
        </li>
    </ul>
</div>
</body>
</html>